{{partial "title-header"}}
<div class="content">
  {{list-menu menus=menus selectedState=selectedState action="menuClicked"}}
  {{list-searcher q=q qv=qv}}
  {{bread-crumb model=model treeModel=treeModel action="breadNodeClicked"}}

<table class="pure-table pure-table-bordered pure-table-striped hundred-width">
    <thead>
        <tr>
            <th class="check-column">{{list-checkbox modellist=children selectedState=selectedState}}</th>
            <th>ID</th>
            <th>名称</th>
            <th class="check-column"><i class="fa fa-child"></i></th>
        </tr>
    </thead>
    <tbody>
    {{#unless children}}
      <tr>
        <td colspan="4" style="text-align: center;">
          没有子节点
        </td>
      </tr>
    {{/unless}}
    {{#each children as |tn|}}
      <tr>
        <td>
          {{item-checkbox model=tn}}
        </td>
        <td>{{tn.id}}</td>
        <td>{{tn.n}}</td>
        <td class="handp check-column" {{action "toChildren" tn}}><i class="fa fa-child"></i></td>
      </tr>
      {{/each}}
    </tbody>
  </table>
  {{pure-pager page=page meta=meta}}
</div>
